Example of iOS 18 Tinted Widget Images

iOS 18 Introduces Home Screen Tinting

With iOS 18, Apple introduces home screen tinting, allowing users to customize widget appearances to match their theme or color scheme. This feature enhances the overall aesthetic and provides a more cohesive and visually appealing interface.

Widget's Image Tinting with widgetAccentedRenderingMode

To achieve this tinting effect, iOS 18 introduces a new modifier called

widgetAccentedRenderingMode

. This modifier allows developers to specify how the widget's images should be tinted, giving them control over the widget's appearance.

Four Modes of

widgetAccentedRenderingMode

The

widgetAccentedRenderingMode

modifier comes with four different modes, each offering a unique way to tint the widget's images:

accented
accentedDesaturated
desaturated:
fullColor

‌

iOS 18 Introduces Home Screen Tinting

Widget's Image Tinting with widgetAccentedRenderingMode

Four Modes of
widgetAccentedRenderingMode